  // 1.1 获取裁剪区域的 DOM 元素
  var $image = $('#image')
  
  // 1.2 配置选项
  const options = {
    // 纵横比
    aspectRatio: 1,
    // 指定预览区域
    preview: '.img-preview'
  }

  // 1.3 创建裁剪区域
  $image.cropper(options);


$('button:contains("上传")').on('click', function () {
    $('#file').trigger('click');
})




    $('#file').on('change', function () {
        if (this.files.length > 0) {
            var fileObj = this.files[0]
            var url = URL.createObjectURL(fileObj)
            $image.cropper('destroy').attr('src', url).cropper(options);
        }
    })









$('button:contains("确定")').on('click', function () {
    var canvas = $image.cropper('getCroppedCanvas', {
        width: 100,
        height: 100,
    });
    var base64 = canvas.toDataURL()  ;
    $.ajax({
        type:'post',
        url: "/my/user/avatar",
        data: { avatar: base64 },
        success: function (res) {
            layer.msg(res.message)
            if (res.status === 0) {
                window.parent.grtUserInfo()
            }
        }
    })
})